
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ page language="java" pageEncoding="utf-8"%>
<!doctype html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <link rel="icon" href="<c:url value="/static/favicon.ico"/>" type="image/x-icon">
    <link rel="stylesheet" href="<c:url value="/static/lib/bootstrap/css/bootstrap.min.css"/>"/>
    <link rel="stylesheet" href="<c:url value="/static/css/common.css"/>"/>
    <link rel="stylesheet" href="<c:url value="/static/css/nav.css"/>"/>
    <script src="<c:url value="/static/lib/jquery-2.1.4.min.js"/>" type="text/javascript"></script>
    <script src="<c:url value="/static/lib/bootstrap/js/bootstrap.min.js"/>" type="text/javascript"></script>
    <script src="<c:url value="/static/lib/angular.min.js"/>" type="text/javascript"></script>
    <script src="<c:url value="/static/js/taskFlow/index.js"/>" type="text/javascript"></script>
    <title>add connection</title>
</head>
<body ng-app="FusionV3">

<ng-include src="'<c:url value="/static/html/nav.html"/>'"></ng-include>

<section ng-controller="indexController" class="container">
    <form class="form-horizontal">
        <fieldset>

            <!-- Form Name -->
            <legend>Add task:</legend>

            <!-- Text input-->
            <div class="form-group">
                <label class="col-md-4 control-label" for="textinput0">task name:</label>

                <div class="col-md-4">
                    <input id="textinput0" name="textinput" type="text" placeholder="please enter task name"
                           class="form-control input-md">

                </div>
            </div>

            <!-- Text input-->
            <div class="form-group">
                <label class="col-md-4 control-label" for="textinput1">choose connection:</label>

                <table class="table table-bordered table-striped table-hover">
                    <thead>
                    <tr>
                        <th></th>
                        <th>connection name</th>
                        <th>endpoint</th>

                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td><input type="checkbox"/></td>
                        <td>HK fusion</td>
                        <td>http://xxx.yy.com/wsdl</td>

                    </tr>
                    <tr>
                        <td><input type="checkbox"/></td>
                        <td>UK fusion</td>
                        <td>http://xxx.yy.com/wsdl</td>

                    </tr>
                    <tr>
                        <td><input type="checkbox"/></td>
                        <td>USA fusion</td>
                        <td>http://xxx.yy.com/wsdl</td>

                    </tr>

                    </tbody>

                </table>
            </div>

            <!-- Text input-->
            <div class="form-group">
                <label class="col-md-4 control-label" for="textinput2">choose folder:</label>

                <div class="col-md-12">
                    <table class="table table-bordered table-striped table-hover">
                        <thead>
                        <tr>
                            <td></td>
                            <th>folder set name</th>

                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td><input type="checkbox"/></td>
                            <td>HK sets</td>

                        </tr>
                        <tr>
                            <td><input type="checkbox"/></td>
                            <td>UK fusion</td>

                        </tr>
                        <tr>
                            <td><input type="checkbox"/></td>
                            <td>USA fusion</td>

                        </tr>

                        </tbody>

                    </table>

                </div>
            </div>

            <!-- Text input-->
            <div class="form-group">
                <label class="col-md-4 control-label" for="textinput3">choose parameter:</label>

                <table class="table table-bordered table-striped table-hover">
                    <thead>
                    <tr>
                        <td></td>
                        <th>parameter name</th>

                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td><input type="checkbox"/></td>
                        <td>HK parameter</td>

                    </tr>
                    <tr>
                        <td><input type="checkbox"/></td>
                        <td>UK parameter</td>

                    </tr>
                    <tr>
                        <td><input type="checkbox"/></td>
                        <td>USA parameter</td>

                    </tr>

                    </tbody>

                </table>
            </div>


            <!-- Button (Double) -->
            <div class="form-group">
                <label class="col-md-4 control-label" for="button1id"></label>

                <div class="col-md-8">
                    <button id="button1id" name="button1id" class="btn btn-primary">Save</button>
                    <button id="button2id" name="button2id" class="btn btn-primary">Cancel</button>
                </div>
            </div>

        </fieldset>
    </form>


</section>

</body>
</html>
